<template>
  <div  class="all">
      <div v-for="(v,i) in this.$store.getters.hometj" :key="i" class="all1">
          <img :src="v.img" alt="">
          <p>{{v.h1}}</p>
          <p class="yh"><span>{{v.h2}}</span><span>
              <van-icon name="like-o" />{{v.h3}}</span>
          </p>
      </div>
  </div>
</template>

<script>
export default {
    created(){
        this.$store.dispatch("link",{url:"/data/hometj"})
    },
}
</script>

<style scoped>
   img{
       width:100%;
   }
   .all1{
      
       width: 1.85rem;
       margin-bottom: .5rem;
       flex-shrink: 0;
   }
   .yh{
       display: flex;
       justify-content: space-between;
       font-size: .1rem;
   }
    .all{
     display: flex;
     justify-content:space-between;
     flex-wrap: wrap;
   }
</style>